<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>商品发货</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" href="css/warehouse.css" />
</head>

<body>
  <div class="container">
    <!-- 头部 -->
    <div class="common-header">
      商品发货
    </div>
    <div class="common-card info-card">
      <div class="info-box">
        <div class="info-card-item1">
          <span class="info-card-num1-text">3287</span>
          <span class="info-card-name1-text">发货</span>
        </div>
        <div class="info-card-item1">
          <span class="info-card-num1-text">3546</span>
          <span class="info-card-name1-text">收货</span>
        </div>
        <div class="info-card-item1">
          <span class="info-card-num1-text">2142</span>
          <span class="info-card-name1-text">快递</span>
        </div>

        <!-- <div class="info-card-item">
          <div class="info-card-num"><span>3546</span></div>
          <div class="info-card-name">
            <img class="info-card-img2" src="images/receive.png" alt="">
            <span class="info-card-name-text">收货</span>
          </div>
        </div>
        <div class="info-card-item">
          <div class="info-card-num"><span>2142</span></div>
          <div class="info-card-name">
            <img class="info-card-img3" src="images/express.png" alt="">
            <span class="info-card-name-text">快递</span>
          </div>
        </div> -->
      </div>
      <div class="rank-list">
        <div class="list-header">
          <div class="item-th">省份</div>
          <div class="item-th">发货</div>
          <div class="item-th">收货</div>
          <div class="item-th">快递</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
      </div>
      <div class="line-footer"></div>
    </div>
    <!-- <div class="common-card rank-card">
      <div class="rank-list">
        <div class="list-header">
          <div class="item-th">省份</div>
          <div class="item-th">发货</div>
          <div class="item-th">收货</div>
          <div class="item-th">快递</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
        <div class="rank-item">
          <div class="rank-item-td">福建</div>
          <div class="rank-item-td">3287164</div>
          <div class="rank-item-td">3246381</div>
          <div class="rank-item-td">37252</div>
        </div>
      </div>
      <div class="line-footer"></div>
    </div> -->
    <div class="common-card map-card">
      <div class="map">
        <div class="chart"></div>
      </div>
      <div class="line-footer"></div>
    </div>
  </div>

  <script src="js/flexible.js"></script>
  <script src="js/echarts.min.js"></script>
  <script src="js/jquery.js"></script>
  <!-- 引入china.js 完成地图模块 -->
  <script src="js/china.js"></script>
  <script src="js/index.js"></script>
  <!-- 引入数据刷新功能 -->
  <script src="js/warehouse-data.js"></script>
</body>

</html>